//退出功能
//获取元素
const logout = document.querySelector('.logout')
//点击退出按钮
logout.addEventListener('click', function () {
    //js自带的一种弹窗 confirm（'弹窗内容'）
    //如果点击确认，则返回true，否则false
    if (confirm('你确定退出吗')) {
        //删除本地存储里的token
        localStorage.removeItem('token')
        //跳转到登录页面
        location.href = 'login.html'
    }

})


//左侧标题功能
//获取所有一级标题的dom元素
const oneAList = document.querySelectorAll('.nav>li>a')
//给一级标题绑定点击事件
oneAList.forEach(one => {
    one.addEventListener('click', function () {
        //获取到one兄弟元素,二级标题
        //点击一级让二级标题显示出来
        one.nextElementSibling.classList.toggle('show')

        //使用jquery 旧时代  优秀  操作dom元素
        // $(one).next().toggle()
        // $(one).next().toggle(2000)
        // $(one).next().fadeToggle()
        // $(one).next().slideToggle()
    })
})
//获取所有二级标题的dom元素
const secondAList = document.querySelectorAll('.nav ul a')
//给二级标题绑定点击事件
secondAList.forEach(second => {
    second.addEventListener('click', function () {
        //先移除active
        document.querySelector('.nav ul a.active').classList.remove('active')
        //再给当前标题添加active
        second.classList.add('active')
    })
})



